// pages/bar/chart2.js
import * as echarts from '../../ec-canvas/echarts';

const app = getApp();



function initChart(canvas, width, height, dpr) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);
  var evaluationRate = app.globalData.evaluationRate;
  console.log("evaluationRate"+JSON.stringify(evaluationRate));
  var option = {
    backgroundColor: "#ffffff",
    color: ["#37A2DA", "#32C5E9", "#67E0E3"],
    series: [{
      name: '业务指标',
      type: 'gauge',
      detail: {
        formatter: '{value}%'
      },
      axisLine: {
        show: true,
        lineStyle: {
          width: 30,
          shadowBlur: 0,
          color: [
            [0.3, '#67e0e3'],
            [0.7, '#37a2da'],
            [1, '#fd666d']
          ]
        }
      },
      data: [{
        value: evaluationRate.value,
        name: evaluationRate.name
      }]

    }]
  };

  chart.setOption(option, true);

  return chart;
}


Page({

  /**
   * 页面的初始数据
   */
  data: {
    ec: {
      onInit: initChart
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // var evaluationRate = options.evaluationRate;
     var evaluationRate = 80;
    //  this.changeData();
  }
  // changeData() {
  //   var evaluationRate = 80;
  //   var option1 = {
  //     backgroundColor: "#ffffff",
  //     color: ["#37A2DA", "#32C5E9", "#67E0E3", "#91F2DE", "#FFDB5C", "#FF9F7F"],
  //     series: [{
  //       label: {
  //         normal: {
  //           fontSize: 14
  //         }
  //       },
  //       type: 'pie',
  //       center: ['50%', '50%'],
  //       radius: ['40%', '60%'],
  //       data: [{
  //         value: evaluationRate,
  //         name: '11'
  //       }, {
  //         value: evaluationRate,
  //         name: '22'
  //       }, {
  //         value:evaluationRate,
  //         name: '33'
  //       }, {
  //         value: evaluationRate,
  //         name: '44'
  //       }, {
  //         value: evaluationRate,
  //         name: '55'
  //       }]
  //     }]
  //   };
  
  //   setTimeout(()=>{
  //     chart.clear()
  //     chart.setOption(option1);
  //   },2500)
  // }
,
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})